#include("common.html")
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商城</title>
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
    <style type="text/css">
    #tabHeader .van-tab--active:before {
    content: '';
    width: 40%;
    height: 0px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20%;
    z-index: 4;
    background-color: #f23030;
    border-radius: 120px;
    border: 1px solid #f23030;
    </style>
  </head>
  
  <body class="">
    <style type="text/css">@media only screen and (min-width: 320px){ html { font-size: 62.5% !important; } } @media only screen and (min-width: 640px){ html { font-size: 125% !important; } } @media only screen and (min-width: 750px){ html { font-size: 150% !important; } } @media only screen and (min-width: 1242px){ html { font-size: 187.5% !important; } }</style>
    <!-- 样式 Start -->
    <style type="text/css" lang="less">/* 订单列表样式 */ #orders .van-panel{padding:0px;margin-bottom:10px;} #orders .van-panel__content{padding:0px;background:#fafafa;} #orders .van-panel__content img{border:1px solid #eee;width:80px;height:80px;} #orders .van-panel__footer{padding:10px;text-align: right;} #orders {background-color:#f5f5f5;width:100%;padding-bottom: 50px;} #orders .cls_btn{padding:1rem} #orders .img{margin: 5px;float: left;} #orders .van-cell__label { color: #969799; font-size: 12px; margin-top: -2px; line-height: 18px; } .van-cell:not(:last-child)::after{ left: 0px; } .null-data{ width: 100%; text-align: center; margin: 8rem auto; } .order-cell-title{ flex: 1.5; } .order-cell-value{ flex: 0.5; } .no-data{ width: 100%; height:100%; padding-top: 70px; text-align: center; font-size: 12px; color: #d9d9d9; } .tabs-content{ margin-top: 50px; } .total_goods{ width: 80px; height: 90px; line-height: 90px; text-align: center; color: #eb8e4f; font-size: 14px; float: right; } .wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;} .wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;} .wechat-customer .wechat-cont img{width:10rem;height:10rem;} .wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;} .wechat-customer .wechat-cont .button1{width: 12rem; height: 2rem; line-height: 2rem; border: 0px; margin: 0rem auto 0 auto; color: #999; font-size: 12px;} .wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;} .van-card__price{ color: #323233; }</style>
    <!-- 样式 End -->
    <!-- 内容 Start -->
    <div id="orders" class="container">
    		
    		<div class="van-list">
            
             #if(packs?? && packs.size()>0)
			 #for(pack : packs)
              <div class="van-cell-group van-hairline--top-bottom van-panel">
                <div class="van-cell van-cell--clickable">
                  <!---->
                  <div class="van-cell__title order-cell-title">
                    <!---->
                    <!---->
                    <!---->
                    <!---->
                    <span class="custom-text">#(pack.expressNumber)</span>
                    <div class="van-cell__label">#(pack.expressCode)</div>
                    </div>
                    
                </div>
                <div class="van-panel__content">
                #for(packProduct : pack.packProducts)
                  <div class="van-card van-card--center">
                    <a href="javascript:void(0)" class="van-card__thumb">
                      <img src="#(imageUrl(packProduct.product.image))" class="van-card__img">
                      <!----></a>
                    <div class="van-card__content">
                      <div class="van-card__title">#(packProduct.product.name)</div>
                      <!---->
                      <div class="van-card__bottom">
                        <!---->
                        <div class="van-card__num">x #(packProduct.quantity)</div></div>
                    </div>
                    <!----></div>
                    #end
                    
                </div>
                <div class="van-hairline--top van-panel__footer">
                  <span class="total" style="float: left; line-height: 30px; margin-left: 5px;">
                    <span>预估重量：#(pack.weight)</span></span>
                  <!---->
                  <!---->
                  <!---->
                  <!---->
                  <!---->
                  <!---->
                  <button class="van-button van-button--warning van-button--small" onclick="location.href='#(base)/member/pack/traffic?packId=#(pack.id)'">
                    <span class="van-button__text">查看物流</span></button>
                  
                  
                </div>
              </div>
              #end
              #else
              <div class="van-tab__pane" style="">
  <!---->
  <!---->
  <div class="no-data">
    <i class="van-icon van-icon-orders-o" style="color: rgb(217, 217, 217); font-size: 8rem;">
      <!---->
      <!----></i>
    <p>-- 暂无数据 --</p>
  </div>
  <!----></div>
  #end
              
              

              <!---->
              <!----></div>
    		
    
    </div>
  </body>
</html>